<html>
<head>
<title>Alx Web Server</title>

<style type="text/css">
td { font: 12px verdana, arial; }
.he1 { font-size: 16px; text-align: center; color: darkblue; background: lightblue; }
.he2 { font-size: 14px; color: brown; }
div { }
.dBorder { border:1px solid silver; width:99%; height:99%; }
.dHead { border:1px solid silver; width:100%; height:35px; font: 22px verdana, arial; color: #627f35; text-align: left; vertical-align: middle; background: silver; }
.dParent { position:relative; left:10px; top: 10px; border:0px solid blue; width:98%; height:91%; }
.dStatus { background: lightcyan; width:270; height:100%; }
.dControl { position:absolute; left:280px; top: 0px; background: lightcyan; width:270; height:270; }
</style>

</head>
<body>
<div class="dBorder">
<div class="dHead">Welcome to Alx Web Server test page</div>
<div class="dParent">

<!-- -------------- Status sidebar --------------- -->
<div class="dStatus">
<table border=0 style="width:270">
<tr><td class="he1" colspan="4">Server Information</td></tr>
<tr><td class="he2">1</td><td class="he2" colspan="3">Basic</td></tr>
<tr><td></td><td>Status</td><td>: Running</td></tr>
<tr><td></td><td>Ip</td><td>: localhost</td></tr>
<tr><td></td><td>Port</td><td>: 80</td></tr>
<tr><td class="he2">2</td><td class="he2" colspan="3">Web support</td></tr>
<tr><td></td><td>Client side scripting</td><td>: YES</td></tr>
<tr><td></td><td>Server side scripting</td><td>: NO</td></tr>
<tr><td></td><td>Image Graphics</td><td>: YES</td></tr>
</table>
</div>
<!-- --------------------------------------------- -->

<!-- -------------- Control panel --------------- -->
<div class="dControl">
<table border=0 style="width:270">
<tr><td class="he1" colspan="4">Server Control Panel</td></tr>
</table>
</div>
<!-- --------------------------------------------- -->

</div>
</div>
</body>
</html>
